<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD html 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>钢瓶管理系统</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragram" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <link rel="stylesheet" type="text/css" href="lib/easyui/themes/metro/easyui.css"/>
    <style type="text/css">
    	body{margin:0;padding:0;background:#1873aa;font-size:12px;}
    	.login-box{position:absolute;left:50%;top:50%;margin:-140px 0 0 -240px;padding:0;width:481px;height:279px;background:url('images/login-box.png') no-repeat 0 -22px;}
    	.login-box table{margin:80px 0 0 100px;border-collapse:collapse;}
    	.login-box table td{padding:0;}
    	.login-box .label{width:80px;height:28px;text-align:right;color:white;}
    	.login-box .text{width:180px;height:20px;padding:0 3px;border:1px #6B6B6B solid;border-bottom:1px white solid;}
    	
    	.codebox *{vertical-align:top;}
    	.codebox img{margin-left:3px;}
    	
    	.buttons{text-align:right;padding:5px 2px 0 0 !important;}
    	.buttons input{border:0;color:white;width:60px;height:22px;background:url('images/login-box.png') no-repeat;}
    </style>
    <script type="text/javascript">
    	if(window != window.top){
    		top.location.href = location.href;
    	}
    </script>
</head>
<body>
	
	<form id="loginForm" class="login-box">
		<table>
			<tr>
				<td class="label">帐户名：</td>
				<td><input type="text" placeholder="帐户名" id="name" maxlength="20" class="text" value="admin" name="name"/></td>
			</tr>
			<tr>
				<td class="label">密　码：</td>
				<td><input type="password" placeholder="密码" maxlength="20" class="text" value="admin123456" name="password"/></td>
			</tr>
			<tr>
				<td class="label">验证码：</td>
				<td class="codebox"><input type="text" style="width:126px;" maxlength="4" placeholder="四位数字" class="text" name="code"/><img src="about:blank" title="点击图片更换验证码" id="codeImg"/></td>
			</tr>
			<tr>
				<td class="buttons" colspan="2">
					<input type="reset" value="重置" />
					<input type="button" value="确定" id="enter"/>
				</td>
			</tr>
		</table>
	</form>
		
	<script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="lib/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
</body>
</html>
